<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
<!-- 
vue两大特点：响应式编程、组件化。
vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。
vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间
  响应式编程
      这里的响应式不是@media 媒体查询中的响应式布局，而是指vue.js会自动对页面中某些数据的变化做出响应。
      这也就是vue.js最大的优点，通过MVVM思想实现数据的双向绑定，让开发者不用再操作dom对象，有更多的时间去思考业务逻辑。
      MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理
      MVVM指的是 Model、View 和 ViewModel，它把每个 HTML 页面都拆分成了这三个部分
      m:model:数据
      v:view:视图-模板
      vm:ViewModel（Vue实例）
      通过Vue实例来实现数据和模板的关联
      在vue中如果更新的数据，页面中对应的渲染内容也会自动的更新
      在vue中如果更新页面中所渲染的变量的数据，data中这个变量的数据也自动会有相应的变化
      让我们以后可以将精力专注于数据处理，避免繁琐的dom操作
      在MVVM概念中：Model表示当前页面渲染时所依赖的数据源，View表示当前页面所渲染的DOM结构，ViewModel表示vue的实例，它是MVVM的核心，当数据源发生变化时，会被 ViewModel监听到，VM会根据最新的数据源自动更新页面的结构
      当表单元素的值发生变化时，也会被VM监听到，VM会把变化过后最新的值自动同步到Model数据源中 

  组件化
      Vue将组成一个页面的HTML，CSS和JS合并到一个组件中，可以被其他组件或页面引入而重复利用。通常每个.Vue文件作为一个组件导出，组件可以作为基础组件（如按钮）或一个页面（如登录页面）。
      组件化很好的将一个庞大复杂的前端工程拆分为一个个组件，重复利用的性质也大大提高了开发的效率。
      组件化开发的优点：提高开发效率、方便重复使用、简化调试步骤、提升整个项目的可维护性、便于协同开发。
   -->
</body>

</html>